<template>
  <view :style="themeColor">
    <view class="page">
      <view class="flex benben-position-layout flex flex-wrap align-center home_flex_0"
        :style="{height:(88+StatusBarRpx)+'rpx',paddingTop:StatusBarRpx+'rpx', }">
        <view class='flex flex-wrap align-center justify-between flex-sub home_fd0_0'>
          <view class='flex flex-wrap align-center home_fd0_0_c0' @tap.stop="handleJumpDiy" data-type="back"
            data-url="1">
          </view>
          <view class='flex flex-wrap align-stretch justify-center'>
            <text class='home_fd0_0_c1_c0'>招贤大厅</text>
          </view>
          <view class='flex flex-wrap align-center justify-end home_fd0_0_c0'>
            <image class='home_fd0_0_c2_c0' mode="aspectFit" :src='STATIC_URL+"159.png"' @tap.stop="handleJumpDiy"
              data-type="navigateTo" :data-url="`/pages/homePage/searchye/searchye?leixing=${leixing}`"></image>
            <view class="position-relative" @tap.stop="handleJumpDiy" data-type="navigateTo"
              :data-url="`/pages/tabBar/myNews/myNews`">
              <image class='home_fd0_0_c2_c1' mode="aspectFit" :src='STATIC_URL+"160.png"'></image>
              <benben-message-num class='my_fd0_0_c2_c0_c1' :message-num="subscripts.all" size='24' color='#FFFFFF'
                background-color='#F02325'>
              </benben-message-num>
            </view>

          </view>
        </view>

      </view>
      <view :style="{height: (88+StatusBarRpx)+'rpx'}"></view>
      <!---flex布局flex布局开始-->
      <view class="flex benben-flex-layout flex-wrap align-center" v-if="lunbo_open==1">
        <view style="position: relative">
          <swiper ref="benbenSwiperfd1_0" @change="bannerIndexfd1_0 = $event.detail.current"
            class='flex position-relative home_fd1_0' previous-margin="0rpx" next-margin="0rpx"
            :display-multiple-items="1" :interval="5000" :duration="500" :autoplay='true' :circular='true'>

            <swiper-item class='flex  home_fd1_0_c2' v-for="(item,index) in banner_list" :key="index"
              @tap.stop="handleJumpDiy" data-type="navigateTo" :data-url="item.href">
              <image class='home_fd1_0_c2_c0' mode="aspectFill" :src='item.thumb'></image>
            </swiper-item>


          </swiper>
          <view style="position: absolute" class="flex dot flex align-center justify-center home_swiperDotfd1_0">
            <template v-for="(item, index) in banner_list">
              <view :key="index" v-if="bannerIndexfd1_0 == index"
                class="flex dot selected flex align-center justify-center home_swiperDotSelectedfd1_0">
              </view>
              <view :key="index" v-else
                class="flex dot unselected flex align-center justify-center home_swiperDotUnselectedfd1_0">
              </view>
            </template>
          </view>
        </view>
      </view>

      <!---flex布局flex布局结束-->
      <view class="flex flex-direction flex-wrap  home_flex_2">
        <view class='flex flex-direction flex-wrap align-stretch home_fd2_0'>
          <benben-down-menu ref=" downMenu1710482491798" class='flex-wrap align-center home_fd2_0_c0' v-model="is_drop"
            :auto='false' :z-index='99' mark-color='rgba(0, 0 ,0,0.3)' @change="funFunc()">
            <view class='flex flex-wrap align-center justify-between home_fd2_0'>
              <view class='flex flex-wrap align-center' @tap.stop="showDropdowncontainerFunc(1)">
                <text class='home_fd2_0_c0_c0_c2_c0_c1_c0_c1_c0' v-if=" state!='1' && sort_value==''">综合排序</text><text
                  class='home_fd2_0_c0_c1_c0_c0_1' v-if=" state=='1' || sort_value!=''">排序</text>
                <image class='home_fd2_0_c0_c1_c0_c1' mode="aspectFit" :src='STATIC_URL+"167.png"' v-if=" state!='1'">
                </image>
                <image class='home_fd2_0_c0_c1_c0_c1' mode="aspectFit" :src='STATIC_URL+"168.png"' v-if=" state=='1'">
                </image>
              </view>
              <!--  v-if="leixing==0" -->
              <view v-if="leixing==0" class='flex flex-wrap align-center' @tap.stop="showDropdowncontainerFunc(3)">
                <text class='home_fd2_0_c0_c0_c2_c0_c1_c0_c1_c0' v-if=" state!='3'">工作性质</text><text
                  class='home_fd2_0_c0_c1_c0_c0_1' v-if=" state=='3'">工作性质</text>
                <image class='home_fd2_0_c0_c1_c0_c1' mode="aspectFit" :src='STATIC_URL+"167.png"' v-if=" state!='3'">
                </image>
                <image class='home_fd2_0_c0_c1_c0_c1' mode="aspectFit" :src='STATIC_URL+"168.png"' v-if=" state=='3'">
                </image>
              </view>
              <view class='flex flex-wrap align-center' @tap.stop="showDropdowncontainerFunc(4)">
                <text class='home_fd2_0_c0_c0_c2_c0_c1_c0_c1_c0' v-if=" state!='4'">工作类型</text><text
                  class='home_fd2_0_c0_c1_c0_c0_1' v-if=" state=='4'">工作类型</text>
                <image class='home_fd2_0_c0_c1_c0_c1' mode="aspectFit" :src='STATIC_URL+"167.png"' v-if=" state!='4'">
                </image>
                <image class='home_fd2_0_c0_c1_c0_c1' mode="aspectFit" :src='STATIC_URL+"168.png"' v-if=" state=='4'">
                </image>
              </view>
              <view class='flex flex-wrap align-center' @tap.stop="showDropdowncontainerFunc(2)">
                <text class='home_fd2_0_c0_c0_c2_c0_c1_c0_c1_c0' v-if=" state!='2'">区域</text><text
                  class='home_fd2_0_c0_c1_c0_c0_1' v-if=" state=='2'">区域</text>
                <image class='home_fd2_0_c0_c1_c0_c1' mode="aspectFit" :src='STATIC_URL+"167.png"' v-if=" state!='2'">
                </image>
                <image class='home_fd2_0_c0_c1_c0_c1' mode="aspectFit" :src='STATIC_URL+"168.png"' v-if=" state=='2'">
                </image>
              </view>
            </view>

            <template #popup>
              <view class='flex flex-direction flex-wrap align-stretch home_fd2_0_c0_c0'>
                <view class='flex flex-direction flex-wrap align-stretch home_fd2_0_c0_c0_c0' v-if=" state=='1'">
                  <view class='flex flex-wrap align-center'>
                    <!-- <text class='home_fd2_0_c0_c0_c0_c0_c0'>推荐排序</text> -->
                  </view>
                  <benben-select-diy ref="showSelectPopup1710482857981"
                    class-name='flex flex-direction align-stretch flex' :items.sync="sortType" v-model="sort_value"
                    :label.sync="sort_lable" @change="sortFunc()" default-type="value" default-label="name"
                    :allow-cancel='false' type="radio" :disabled='false'>
                    <template v-for='(item,key0) in sortType'>
                      <view v-if="item.isSelected" class='flex align-center flex home_fd2_0_c0_c0_c0_c1_c0' :key="key0"
                        @tap="$refs.showSelectPopup1710482857981.tapHandle(key0)">
                        <text>{{item.name}}</text>
                      </view>
                      <view v-else class='flex align-center flex home_fd2_0_c0_c0_c0_c1_c0' :key="key0"
                        @tap="$refs.showSelectPopup1710482857981.tapHandle(key0)">
                        <text>{{item.name}}</text>
                      </view>
                    </template></benben-select-diy>
                </view>
                <view class='flex flex-direction flex-wrap align-stretch home_fd2_0_c0_c0_c1' v-if=" state=='2'">
                  <view class=' align-center'>

                    <scroll-view class='home_fd2_0_c0_c0_c1_c0_c0' :scroll-y='true' :show-scrollbar='true'>
                      <view class='flex align-stretch benben-scroll' style="width: 750rpx;">
                        <view style="width: 25%;">
                          <view class="text-cut big-region" v-for="(item,index) in regionType" :key="index"
                            :class="region_value==item.aid?'active' : ''" @click.stop="chooseRegion(item)">
                            {{item.name}}
                          </view>
                        </view>
                        <view style="width: 30%;">
                          <view class="text-cut big-region" :class="regionright_value==item.aid?'active' : ''"
                            v-for="(item,index) in regionRight" :key="index" @click.stop="chooseRight(item)">
                            {{item.name}}
                          </view>
                        </view>
                        <view style="width: 50%;">
                          <view class="flex justify-between big-region-lititle" v-for="(item,index) in regionRights"
                            :key="index" @click.stop="searchRegoim(item)">
                            <view>{{item.name}}</view>
                            <view class="check-icon">
                              <image v-if="workplace_id==item.aid" :src='STATIC_URL+"15.png"' mode=""></image>
                              <image v-else :src='STATIC_URL+"16.png"' mode=""></image>
                            </view>
                          </view>
                        </view>

                      </view>
                    </scroll-view>

                  </view>
                  <view class='flex flex-wrap align-center justify-between home_fd2_0_c0_c0_c1_c1'>
                    <button class='home_fd2_0_c0_c0_c1_c1_c0' @tap.stop="regionFunc()">重置</button>
                    <button class='home_fd2_0_c0_c0_c1_c1_c1' @tap.stop="regionalDeterminationFunc()">确定</button>
                  </view>
                </view>
                <view class='flex flex-direction flex-wrap align-stretch home_fd2_0_c0_c0_c2' v-if=" state=='3'">
                  <view class='flex flex-direction flex-wrap align-stretch'>
                    <text class='home_fd2_0_c0_c0_c2_c0_c0'>工作性质</text>
                    <view class='flex flex-direction flex-wrap align-stretch home_fd2_0_c0_c0_c2_c0_c1'>
                      <benben-select-diy ref="showSelectPopup1710483158654"
                        class-name='flex flex-wrap align-center flex' :items.sync="worknature_list"
                        v-model="worknature_id" :label.sync="worknature_name" default-type="aid" default-label="name"
                        :allow-cancel='true' type="checkbox" :disabled='false'>
                        <template v-for='(item,key0) in worknature_list'>
                          <view v-if="item.isSelected"
                            class='flex align-center justify-center flex home_fd2_0_c0_c0_c2_c0_c1_c0_c0' :key="key0"
                            @tap="$refs.showSelectPopup1710483158654.tapHandle(key0)">
                            <text class='home_fd2_0_c0_c0_c2_c0_c1_c0_c0_c0'>{{item.name}}</text>
                          </view>
                          <view v-else class='flex align-center justify-center flex home_fd2_0_c0_c0_c2_c0_c1_c0_c1'
                            :key="key0" @tap="$refs.showSelectPopup1710483158654.tapHandle(key0)">
                            <text class='home_fd2_0_c0_c0_c2_c0_c1_c0_c1_c0'>{{item.name}}</text>
                          </view>
                        </template></benben-select-diy>
                    </view>
                  </view>

                  <view class='flex flex-wrap align-center justify-between home_fd2_0_c0_c0_c2_c2'>
                    <button class='home_fd2_0_c0_c0_c1_c1_c0' @tap.stop="priceResetFunc('1')">重置</button>
                    <button class='home_fd2_0_c0_c0_c1_c1_c1' @tap.stop="priceDeterminationFunc()">确定</button>
                  </view>
                </view>
                <view class='flex flex-direction flex-wrap align-stretch home_fd2_0_c0_c0_c2' v-if=" state=='4'">
                  <view class='flex flex-direction flex-wrap align-stretch'>
                    <text class='home_fd2_0_c0_c0_c2_c0_c0'>工作类型</text>
                    <view class='flex flex-direction flex-wrap align-stretch home_fd2_0_c0_c0_c2_c0_c1'>
                      <benben-select-diy ref="showSelectPopup171048315865s4"
                        class-name='flex flex-wrap align-center flex' :items.sync="postcate_list" v-model="postcate_id"
                        :label.sync="postcate_name" default-type="aid" default-label="name" :allow-cancel='true'
                        type="checkbox" :disabled='false'>
                        <template v-for='(item,key0) in postcate_list'>
                          <view v-if="item.isSelected"
                            class='flex align-center justify-center flex home_fd2_0_c0_c0_c2_c0_c1_c0_c0' :key="key0"
                            @tap="$refs.showSelectPopup171048315865s4.tapHandle(key0)">
                            <text class='home_fd2_0_c0_c0_c2_c0_c1_c0_c0_c0'>{{item.name}}</text>
                          </view>
                          <view v-else class='flex align-center justify-center flex home_fd2_0_c0_c0_c2_c0_c1_c0_c1'
                            :key="key0" @tap="$refs.showSelectPopup171048315865s4.tapHandle(key0)">
                            <text class='home_fd2_0_c0_c0_c2_c0_c1_c0_c1_c0'>{{item.name}}</text>
                          </view>
                        </template></benben-select-diy>
                    </view>
                  </view>

                  <view class='flex flex-wrap align-center justify-between home_fd2_0_c0_c0_c2_c2'>
                    <button class='home_fd2_0_c0_c0_c1_c1_c0' @tap.stop="priceResetFunc('2')">重置</button>
                    <button class='home_fd2_0_c0_c0_c1_c1_c1' @tap.stop="priceDeterminationFunc()">确定</button>
                  </view>
                </view>

              </view>

            </template>
          </benben-down-menu>
        </view>

      </view>
      <!---flex布局flex布局开始-->
      <view class="flex flex-direction align-stretch benben-flex-layout">
        <view class='flex flex-direction flex-wrap align-stretch flex-sub home_fd3_0' v-for="(item,index) in rentalList"
          :key="index" @tap.stop="godetail(item)" data-type="navigateTo"
          :data-url="`/pages/grzx/fabuxiangqing/fabuxiangqing?id=${item.aid}`">
          <view v-if="item.type==0" class='flex flex-direction flex-wrap align-stretch home_fd3_0_c0'>
            <view class='flex flex-wrap align-center justify-between flex-sub'>
              <view class='flex flex-wrap align-center'>
                <image class='home_fd3_0_c0_c0_c0_c0' mode="aspectFill" v-if="item.is_top==1"
                  :src='STATIC_URL+"164.png"'>
                </image>
                <!-- <text class='home_fd3_0_c0_c0_c0_c1'>{{item.zhiweimingcheng}}</text> -->
                <text class='home_fd3_0_c0_c0_c0_c1'>{{item.title}}</text>
              </view>
              <view class='flex flex-wrap align-center'>
                <image class='home_fd3_0_c0_c0_c1_c0' mode="aspectFit" :src='STATIC_URL+"150.png"'></image>
                <text class=' home_fd3_0_c0_c0_c1_c1' style="color: #333;">{{item.views}}</text>
              </view>
            </view>
            <view class='flex flex-wrap align-center home_fd3_0_c0_c1'>
              <view class='flex flex-wrap align-center home_fd3_0_c0_c1_c0' v-if="item.work_nature_name"
                :class="item.worknature_id!=1? 'active' : ''">
                <text>{{item.work_nature_name}}</text>
              </view>
              <view class='flex flex-wrap align-center home_fd3_0_c0_c1_c1'
                v-for="(itemA,indexA) in item.postcate_name">
                <text>{{itemA}}</text>
              </view>
              <!-- <view class='flex flex-wrap align-center home_fd3_0_c0_c1_c1'>
                <text>建筑相关</text>
              </view> -->
            </view>
            <text class='home_fd3_0_c0_c2'>工作地点：{{item.workplace_name}}</text>
            <view class='flex flex-wrap align-center justify-between home_fd3_0_c0_c3'>
              <view class='flex flex-wrap align-center home_fd3_0_c0_c3_c0'>
                <!--     <image class='home_fd3_0_c0_c3_c0_c0' mode="aspectFill" :src='item.avatar
'></image>
                <text>{{item.user_nickname}}</text> -->
                {{item.title}}
              </view>
              <text class='text-lg home_fd3_0_c0_c0_c1_c1'>{{item.gongsimingcheng}}</text>
            </view>
            <text class=''
              style="background: rgba(0,139,139,0.6);height:60rpx;line-height:60rpx;width: 100rpx;text-align: center;border-radius: 16rpx;font-size: 28rpx;color: #FFF;">{{item.postType}}</text>
          </view>

          <view class="flex flex-direction align-stretch benben-flex-layout" v-if="item.type==1">
            <view class='flex flex-direction flex-wrap align-stretch home_fd4_0'>
              <view class='flex flex-wrap align-center justify-between flex-sub'>
                <view class='flex flex-wrap align-center home_fd4_0_c0_c0'>
                  <view class='flex flex-wrap align-center text-cut home_fd4_0_c0_c0_c0' style="width: 500rpx;">
                    {{item.title || ''}}
                    <!-- <image class='home_fd4_0_c0_c0_c0_c0' mode="aspectFill" :src='item.avatar'></image> -->
                    <!-- <image class='home_fd4_0_c0_c0_c0_c1' mode="aspectFill" v-if="item.is_top==1"
                      :src='STATIC_URL+"157.png"'>
                    </image> -->
                  </view>
                  <!-- v-if="item.is_top==1" -->

                  <!-- <text>{{item.user_nickname}}</text> -->
                </view>
                <image class='home_fd4_0_c0_c0_c0_c1' mode="aspectFill" v-if="item.is_top==1"
                  :src='STATIC_URL+"157.png"'>
                </image>

              </view>
              <view class="flex justify-between align-center">
                <view class='flex flex-wrap align-center home_fd4_0_c1'>
                  <text class='home_fd4_0_c1_c0' v-for="(itemA,indexA) in item.postcate_name">{{itemA}}</text>
                </view>
                <view class='flex flex-wrap align-center'>
                  <image class='home_fd4_0_c0_c1_c0' mode="aspectFit" :src='STATIC_URL+"150.png"'></image>
                  <text class='home_fd4_0_c0_c1_c1'>{{item.views}}</text>
                </view>
              </view>

              <text class='home_fd4_0_c2' v-if="item.qiuzhijianshu">{{item.qiuzhijianshu}}</text>
              <text class='home_fd4_0_c3'>期望工作地：{{item.workplace_name}}</text>
              <view class='home_fd4_0_c3'
                style="background: rgba(58,135,249,0.6);height:60rpx;line-height:60rpx;width: 100rpx;text-align: center;border-radius: 16rpx;font-size: 28rpx;color: #FFF;">
                {{item.postType}}
              </view>
            </view>
          </view>
        </view>
      </view>

      <!---flex布局flex布局结束-->
      <!---flex布局flex布局开始-->
      <!-- <view class="flex flex-direction align-stretch benben-flex-layout" v-for="(item,index) in rentalList"
        v-if="leixing==1" :key="index" @tap.stop="handleJumpDiy" data-type="navigateTo"
        :data-url="`/pages/grzx/fabuxiangqing/fabuxiangqing?id=${item.aid}`">
        <view class='flex flex-direction flex-wrap align-stretch home_fd4_0'>
          <view class='flex flex-wrap align-center justify-between flex-sub'>
            <view class='flex flex-wrap align-center home_fd4_0_c0_c0'>
              <view class='flex flex-wrap align-center home_fd4_0_c0_c0_c0'>
                <image class='home_fd4_0_c0_c0_c0_c0' mode="aspectFill" :src='item.avatar'></image>
                <image class='home_fd4_0_c0_c0_c0_c1' mode="aspectFill" v-if="item.is_top==1"
                  :src='STATIC_URL+"157.png"'>
                </image>
              </view>
              <text>{{item.user_nickname}}</text>
            </view>
            <view class='flex flex-wrap align-center'>
              <image class='home_fd4_0_c0_c1_c0' mode="aspectFit" :src='STATIC_URL+"150.png"'></image>
              <text class='home_fd4_0_c0_c1_c1'>{{item.views}}</text>
            </view>
          </view>
          <view class='flex flex-wrap align-center home_fd4_0_c1'>
            <text class='home_fd4_0_c1_c0' v-for="(itemA,indexA) in item.postcate_name">{{itemA}}</text>
          </view>
          <text class='home_fd4_0_c2' v-if="item.qiuzhijianshu">{{item.qiuzhijianshu}}</text>
          <text class='home_fd4_0_c3'>期望工作地：{{item.workplace_name}}</text>
        </view>
      </view> -->
      <fu-empty :pagingListLoadedAll="pagingListLoadedAll" :pagingListNoListData="pagingListNoListData"
        :listDataLength="listDataLength" :isLoadInit="isLoadInit"></fu-empty>
      <!---flex布局flex布局结束-->
      <benben-popup v-model="popupShow1710483393230" :mask="true" :mask-close-able="true" mode='center' :z-index='999'>
        <!---flex布局flex布局开始-->
        <view class="flex benben-flex-layout flex-wrap align-center" v-if="leixing==0">
          <view class='flex flex-direction align-center justify-center home_fd5_0'>
            <text class='home_fd5_0_c0'>新人福利</text>
            <image class='home_fd5_0_c1' mode="aspectFill" :src='tupian'></image>
            <button class='home_fd5_0_c2' @click.stop="chooseType('1')">去招工大厅逛逛</button>
            <button class='home_fd5_0_c3' @tap.stop="handleJumpDiy" data-type="navigateTo"
              :data-url="`/pages/tabBar/release/release`">发布新的求职信息</button>
          </view>
        </view>
        <view class="flex benben-flex-layout flex-wrap align-center" v-if="leixing==1">
          <view class='flex flex-direction align-center justify-center home_fd5_0'>
            <text class='home_fd5_0_c0'>新人福利</text>
            <image class='home_fd5_0_c1' mode="aspectFill" :src='tupian'></image>
            <button class='home_fd5_0_c2' @click.stop="chooseType('1')">去求职中心逛逛</button>
            <button class='home_fd5_0_c3' @tap.stop="handleJumpDiy" data-type="navigateTo"
              :data-url="`/pages/tabBar/release/release`">发布新的招聘信息</button>
          </view>
        </view>
        <!---flex布局flex布局结束-->
      </benben-popup>


    </view>
    <!-- #ifdef APP || APP-PLUS -->
    <app-update ref="update" :auto="true"></app-update>
    <!-- #endif -->
  </view>
</template>
<script>
  import pagingList from '@/common/mixin/paging_list.js';
  import {
    validate
  } from '@/common/utils/validate.js'

  export default {
    components: {},
    mixins: [pagingList],

    data() {
      return {
        "subscripts": {
          "article": "",
          "message": "",
          "chat": "",
          "all": ""
        },
        "popupShow1710483393230": false,
        "bannerIndexfd1_0": 0,
        "minixPagingListsApi": "",
        "pageingListApiMethod": "",
        "allowOnloadGetList": false,
        "is_drop": false,
        "state": "0",
        "sortType": [{
          "name": "综合排序",
          "value": "1",
          "image": ""
        }, {
          "name": "最近发布",
          "value": "2",
          "image": ""
        }, {
          "name": "收藏量升序",
          "value": "3",
          "image": ""
        }, {
          "name": "收藏量降序",
          "value": "4",
          "image": ""
        }, {
          "name": "浏览量升序",
          "value": "5",
          "image": ""
        }, {
          "name": "浏览量降序",
          "value": "6",
          "image": ""
        }],
        "sort_value": "",
        "sort_lable": "",
        "rentalList": [],
        "newhouseList": [],
        "secendhouseList": [],
        "regionType": [],
        "region_lable": "",
        regionRights: [],
        "regionRight": [],
        "show_id": "1",
        "type": "3",
        "keyword": "",
        worknature_list: [],
        postcate_list: [],
        worknature_id: '',
        worknature_name: '',
        postcate_id: '',
        postcate_name: '',
        banner_list: [],
        workplace_id: '',
        leixing: '',
        "region_value": "",
        regionright_value: '',
        lunbo_open: 0,
        tupian: ''
      };
    },
    computed: {
      themeColor() {
        return this.$store.getters.themeColor
      },
      isLogin() {
        return this.$store.state.token == '' ? false : true;
      }
    },
    watch: {},
    onLoad(options) {
      let {
        type,
        keyword
      } = options
      // if (type !== undefined) this.type = type
      if (keyword !== undefined) this.keyword = keyword
      if (global.appTabBarType) this.toHomeDiy()
      // if (this.isLogin) {
      //   this.popupShow1710483393230 = true
      // }
      this.getData()
    },
    onUnload() {

    },
    onReady() {
      // #ifdef APP
      this.$util.debounce(
        () => {
          this.$refs.update.checkAppUpdate()
        },
        1000,
        true
      )
      // #endif

    },
    async onShow() {
      this.$api.post(global.apiUrls.post65f7f038b0f0a).then(res => {
        if (res.data.code == 1) {
          this.lunbo_open = res.data.data.lunbo_open
          this.tupian = res.data.data.mianfei_img
        }
      })

      if (this.isLogin === true) {
        //请求方法
        //数据验证

        let datauserInfo = await this.$api.get(global.apiUrls.post5c78c4772da97, {
          is_home: '1'
        });

        if (datauserInfo.data.code != 1) {
          this.$message.info(datauserInfo.data.msg);
          return
        }
        let infouserInfo = datauserInfo.data;
        this.leixing = infouserInfo.data.leixing
        if (infouserInfo.data.is_new == 1) {
          this.popupShow1710483393230 = false
        }
        // this.getaskDataFunc()
        this.obtainMessagesFunc()
      }
      // else {
      //   this.toLoginDiy();
      // }
      this.getaskDataFunc()

    },
    onHide() {
      this.popupShow1710483393230 = false
    },
    onResize() {

    },
    onPullDownRefresh() {
      this.getaskDataFunc()
      if (this.isLogin) {
        this.obtainMessagesFunc()
      }

    },
    onReachBottom(e) {

    },
    onPageScroll(e) {

    },
    methods: {
      godetail(item) {
        // if (!this.isLogin) {
        //   this.toLoginDiy();
        //   return;
        // }
        uni.navigateTo({
          url: `/pages/grzx/fabuxiangqing/fabuxiangqing?id=${item.aid}`
        })
      },
      //获取消息数量
      async obtainMessagesFunc() {
        //请求方法
        //数据验证

        let datasubscripts = await this.$api.get(global.apiUrls.post64241ca6cf066, {

        });

        if (datasubscripts.data.code != 1) {
          this.$message.info(datasubscripts.data.msg);
          return
        }
        let infosubscripts = datasubscripts.data;
        this.subscripts = infosubscripts.data

      },
      chooseType(type) {
        this.type = type
        this.getaskDataFunc()
        this.popupShow1710483393230 = false
      },
      chooseRegion(item) {
        this.region_value = item.aid
        this.regionRight = item.subList
        this.regionRights = []
      },
      chooseRight(item) {
        this.regionright_value = item.aid

        if (this.regionright_value == 4) {
          this.regionRights = item.subList
        } else {
          this.regionRights = []
          // this.workplace_id = item.aid
        }
      },
      searchRegoim(item) {
        // item.check = !item.check
        this.workplace_id = item.aid
        // this.regionRights = item.subList
      },
      getData() {
        // 地址列表
        // 工作性质
        this.$api.post(global.apiUrls.post65d30b91c72c7).then(res => {
          if (res.data.code == 1) {
            this.worknature_list = res.data.data
          }
        })
        // 查询工作类型列表
        this.$api.post(global.apiUrls.post65d30e6e31cd9).then(res => {
          if (res.data.code == 1) {
            this.postcate_list = res.data.data
            // this.postcate_id = '15'
            // this.postcate_name = '其他工作'
          }
        })
        // 地址列表
        this.$api.post(global.apiUrls.post65fb9c724b032).then(res => {
          if (res.data.code == 1) {
            this.regionType = res.data.data
            this.regionRight = this.regionType[0].subList
            if (this.regionType[0].subList.length) {
              this.regionRights = this.regionRight[0].subList
            }

          }
        })
        // 轮播图
        this.$api.post(global.apiUrls.post641e624160dd0).then(res => {
          if (res.data.code == 1) {
            this.banner_list = res.data.data
          }
        })
      },
      //折叠
      funFunc() {
        if (this.is_drop === false) {
          this.state = '';
        }
      },
      //排序
      sortFunc() {
        this.is_drop = false;
        this.state = '';
        this.getaskDataFunc()
      },
      //请求数据
      getaskDataFunc() {
        let sort_value = ''
        let sort_type = ''
        if (this.sort_value == 1) {
          sort_value = 'aid'

        }
        if (this.sort_value == 2) {
          sort_value = 'create_time'
        }
        if (this.sort_value == 3) {
          sort_value = 'collect_count'
          sort_type = 'asc'
        }
        if (this.sort_value == 4) {
          sort_value = 'collect_count'
          sort_type = 'desc'
        }
        if (this.sort_value == 5) {
          sort_value = 'views'
          sort_type = 'asc'
        }
        if (this.sort_value == 6) {
          sort_value = 'views'
          sort_type = 'desc'
        }
        this.minixPagingListsApi = global.apiUrls.post65d4683f6c022;
        this.pageingListApiMethod = 'post';
        this.allowOnloadGetList = false;
        this.pagingListPostDataContent = {
          keywords: this.keyword,
          sort_field: sort_value,
          sort_type: sort_type,
          workplace_id: this.region_value, //第1层
          workplace_id2: this.regionright_value, //第2层
          workplace_id3: this.workplace_id, //第三层
          postcate_id: this.postcate_id,
          worknature_id: this.worknature_id,
          type: this.leixing //类型 0:雇员 1雇主
        }
        this.listData = [];
        this.workplace_id = ''
        this.rentalList = this.listData;
        this.pagingListToggle();
        uni.stopPullDownRefresh()
      },
      //区域重置
      regionFunc() {
        this.is_drop = false;
        this.region_value = ''
        this.regionRight = []
        this.regionRights = []
        this.regionright_value = ''
        this.workplace_id = ''
        this.getData()
        this.getaskDataFunc()
      },
      //区域确定
      regionalDeterminationFunc() {
        this.is_drop = false;
        this.getaskDataFunc()
      },
      //价格重置
      priceResetFunc(type) {
        if (type == 1) { //工作性质
          this.worknature_id = '';
          this.worknature_name = '';
        } else { //工作类型
          this.postcate_id = '';
          this.postcate_name = '';
        }
        this.is_drop = false;
        this.getaskDataFunc()
      },
      //价格确定
      priceDeterminationFunc() {
        this.is_drop = false;
        this.getaskDataFunc()
      },
      //显示下拉容器
      showDropdowncontainerFunc(type) {
        if (this.state != type) {
          this.state = type;
        }
        if (this.is_drop === false) {
          this.is_drop = true;
        } else if (this.is_drop === true) {
          this.is_drop = false;
        }
        if (this.state == 4) {
          // this.postcate_id = '15'
          // this.postcate_name = '其他工作'
        }
      },
      pagingListPostData() {
        return this.pagingListPostDataContent
      }
    }
  };
</script>
<style lang="scss" scoped>
  .my_fd0_0_c2_c0_c1 {
    position: absolute;
    top: -15rpx;
    right: -15rpx;
  }

  .big-region {
    width: 100%;
    text-align: center;
    height: 80rpx;
    line-height: 80rpx;

    &.active {
      color: #00A7FF;
    }
  }

  .big-region-lititle {
    text-align: center;
    height: 80rpx;
    line-height: 80rpx;
    padding: 0 10rpx;

    .check-icon {
      width: 32rpx;
      height: 32rpx;

      image {
        width: 32rpx;
        height: 32rpx;
      }
    }
  }

  .page {
    width: 100vw;
    overflow-x: hidden;
    min-height: calc(100vh - var(--window-bottom));
    background: #F8F8F8;
    background-size: 100% auto;
  }

  .home_flex_0 {
    background: #fff;
    width: 750rpx;
    height: 88rpx;
    overflow: hidden;
    z-index: 10;
    top: 0rpx;
    background-size: 100% auto !important;
  }

  .home_fd0_0_c2_c1 {
    width: 40rpx;
    height: 40rpx;
    margin: 0rpx 0rpx 0rpx 24rpx;
  }

  .home_fd0_0_c2_c0 {
    width: 40rpx;
    height: 40rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
  }

  .home_fd0_0_c1_c0 {
    font-size: 36rpx;
    font-weight: 700;
    color: #333333;
    line-height: 50rpx;
  }

  .home_fd0_0_c0 {
    width: 120rpx;
  }

  .home_fd0_0 {
    padding: 0rpx 32rpx 0rpx 32rpx;
  }

  .home_numberfd1_0_c0 {
    background: #525050;
    position: absolute;
    bottom: 20rpx;
    right: 30rpx;
    width: 80rpx;
    height: 40rpx;
    border-radius: 6rpx 6rpx 6rpx 6rpx;
    font-size: 24rpx;
    color: #FFFFFF;
    line-height: 46rpx;
    font-weight: 400;
  }

  .home_fd1_0_c2 {
    background: var(--benbenbgColor1);
    background-size: 100% auto;
    height: 340rpx;
  }

  .home_fd1_0_c2_c0 {
    width: 100%;
    height: 100%;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
  }

  .home_fd1_0_c1 {
    width: 750rpx;
    height: 500rpx;
  }

  .home_fd1_0_c1_c0 {
    width: 750rpx;
    height: 340rpx;
    border-radius: 10rpx 10rpx 10rpx 10rpx;
  }

  .home_fd1_0 {
    width: 750rpx;
    height: 340rpx;
  }

  .home_swiperDotUnselectedfd1_0 {
    border: 1px solid rgba(0, 0, 0, 0.3);
    background: rgba(0, 0, 0, 0.3);
    width: 16rpx;
    height: 16rpx;
    border-radius: 100rpx 100rpx 100rpx 100rpx;
    margin: 0rpx 6rpx 0rpx 0rpx;
    font-size: 24rpx;
    color: #fff;
  }

  .home_swiperDotSelectedfd1_0 {
    border: 1px solid #00A7FF;
    background: #00A7FF;
    width: 16rpx;
    height: 16rpx;
    border-radius: 100rpx 100rpx 100rpx 100rpx;
    margin: 0rpx 6rpx 0rpx 0rpx;
    font-size: 24rpx;
    color: #fff;
  }

  ::v-deep .home_swiperDotfd1_0 {
    position: absolute;
    bottom: 20rpx;
    left: 0rpx;
    right: 0rpx;
  }

  .home_flex_2 {
    background: #F6F7F9;
    width: 750rpx;
    height: 88rpx;
    background-size: 100% auto !important;
  }

  .home_fd2_0_c0_c1_c0_c1 {
    width: 24rpx;
    height: 24rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
    margin: 0rpx 0rpx 0rpx 10rpx;
  }

  .home_fd2_0_c0_c1_c0_c0_1 {
    color: #333;
    font-size: 26rpx;
    font-weight: 400;
    line-height: 26rpx;
  }

  .home_fd2_0_c0_c0_c4_c0_c1_c0_c1 {
    background: rgba(244, 244, 244, 1);
    margin: 15rpx 10rpx 15rpx 10rpx;
    width: 152rpx;
    height: 70rpx;
    border-radius: 10rpx;
    background-size: 100% auto !important;
  }

  .home_fd2_0_c0_c0_c4_c0_c1_c0_c0 {
    border: 1px solid rgba(255, 114, 13, 1);
    background: rgba(255, 114, 13, 0.1);
    width: 152rpx;
    height: 70rpx;
    border-radius: 10rpx;
    background-size: 100% auto !important;
    margin: 15rpx 10rpx 15rpx 10rpx;
  }

  .home_fd2_0_c0_c0_c3_c0_c1 {
    background: rgba(244, 244, 244, 1);
    margin: 10rpx 15rpx 10rpx 15rpx;
    border-radius: 10rpx;
    background-size: 100% auto !important;
    width: 150rpx;
    height: 70rpx;
  }

  .home_fd2_0_c0_c0_c3_c0_c0 {
    border: 1px solid rgba(255, 114, 13, 1);
    background: rgba(255, 114, 13, 0.1);
    width: 152rpx;
    height: 70rpx;
    background-size: 100% auto !important;
    border-radius: 10rpx;
    margin: 15rpx 10rpx 15rpx 10rpx;
  }

  .home_fd2_0_c0_c0_c3 {
    padding: 9rpx 31rpx 39rpx 31rpx;
  }

  .home_fd2_0_c0_c0_c2_c2 {
    margin: 38rpx 32rpx 0rpx 32rpx;
  }

  .home_fd2_0_c0_c0_c2_c1_c1_c1 {
    color: #666666;
    font-size: 28rpx;
    font-weight: 400;
    line-height: 28rpx;
    margin: 0rpx 0rpx 0rpx 0rpx;
  }

  .home_fd2_0_c0_c0_c2_c1_c1_c0_c0 {
    margin: 0rpx 32rpx 0rpx 32rpx;
    text-align: center;
  }

  .home_fd2_0_c0_c0_c2_c1_c1_c0 {
    border: 1px solid rgba(224, 224, 224, 1);
    border-radius: 10rpx;
    width: 304rpx;
    height: 80rpx;
  }

  .home_fd2_0_c0_c0_c2_c1_c1 {
    margin: 28rpx 0rpx 0rpx 0rpx;
  }

  .home_fd2_0_c0_c0_c2_c1 {
    margin: 0rpx 32rpx 0rpx 32rpx;
  }

  .home_fd2_0_c0_c0_c2_c0_c1_c0_c1_c0 {
    color: #333333;
    font-size: 26rpx;
    font-weight: 400;
    line-height: 26rpx;
  }

  .home_fd2_0_c0_c0_c2_c0_c1_c0_c1 {
    background: #FFFFFF;
    border: 2rpx solid #EDEDED;
    margin: 15rpx 10rpx 15rpx 10rpx;
    width: 204rpx;
    height: 70rpx;
    border-radius: 44rpx;
    background-size: 100% auto !important;
  }

  .home_fd2_0_c0_c0_c2_c0_c1_c0_c0_c0 {
    color: #FFFFFF;
    font-size: 26rpx;
    font-weight: 500;
    line-height: 26rpx;
  }

  .home_fd2_0_c0_c0_c2_c0_c1_c0_c0 {
    border: 1px solid #3A87F9;
    background: #3A87F9;
    width: 204rpx;
    height: 70rpx;
    border-radius: 44rpx;
    background-size: 100% auto !important;
    margin: 15rpx 10rpx 15rpx 10rpx;
  }

  .home_fd2_0_c0_c0_c2_c0_c1 {
    padding: 13rpx 39rpx 27rpx 39rpx;
  }

  .home_fd2_0_c0_c0_c2_c0_c0 {
    color: #333333;
    font-size: 30rpx;
    font-weight: 600;
    line-height: 70rpx;
    margin: 3rpx 0rpx 0rpx 32rpx;
    // padding: 24rpx 0;
    border-bottom: 2rpx solid #EEE;
  }

  .home_fd2_0_c0_c0_c2 {
    padding: 0 0rpx 32rpx 0rpx;
  }

  .home_fd2_0_c0_c0_c1_c1_c1 {
    background: #3A87F9;
    border-radius: 44rpx;
    border: 2rpx solid #3A87F9;
    width: 492rpx;
    line-height: 80rpx;
    font-size: 30rpx;
    color: rgba(255, 255, 255, 1);
  }

  .home_fd2_0_c0_c0_c1_c1_c0 {
    background: #FFF;
    border: 2rpx solid #BFBFBF;
    border-radius: 44rpx;
    width: 170rpx;
    line-height: 80rpx;
    font-size: 30rpx;
    color: rgba(51, 51, 51, 1);
  }

  .home_fd2_0_c0_c0_c1_c1 {
    padding: 32rpx 0rpx 32rpx 32rpx;
  }

  .home_fd2_0_c0_c0_c1_c0_c0_c1_c0_c1_c0 {
    color: rgba(153, 153, 153, 1);
    font-size: 28rpx;
    font-weight: 500;
    line-height: 28rpx;
  }

  .home_fd2_0_c0_c0_c1_c0_c0_c1_c0_c0_c1 {
    width: 30rpx;
    height: 30rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
  }

  .home_fd2_0_c0_c0_c1_c0_c0_c1_c0_c0_c0 {
    color: #333333;
    font-size: 28rpx;
    font-weight: 500;
    line-height: 28rpx;
  }

  .home_fd2_0_c0_c0_c1_c0_c0_c1_c0_c0 {
    padding: 20rpx 0rpx 20rpx 0rpx;
  }

  .home_fd2_0_c0_c0_c1_c0_c0_c1 {
    margin: 0rpx 0rpx 0rpx 34rpx;
    height: 600rpx;
  }

  .home_fd2_0_c0_c0_c1_c0_c0_c0_c0_c1 {
    background: rgba(250, 250, 250, 1);
    width: 198rpx;
    height: 82rpx;
    padding: 0rpx 0rpx 0rpx 32rpx;
    background-size: 100% auto !important;
  }

  .home_fd2_0_c0_c0_c1_c0_c0_c0_c0_c0 {
    background: rgba(255, 255, 255, 1);
    width: 198rpx;
    height: 82rpx;
    padding: 0rpx 0rpx 0rpx 32rpx;
    background-size: 100% auto !important;
  }

  .home_fd2_0_c0_c0_c1_c0_c0_c0 {
    background: rgba(250, 250, 250, 1);
    background-size: 100% auto !important;
  }

  .home_fd2_0_c0_c0_c1_c0_c0 {
    touch-action: none;
    height: 472rpx;
  }

  .home_fd2_0_c0_c0_c1 {
    padding: 0rpx 32rpx 0rpx 0rpx;
  }

  .home_fd2_0_c0_c0_c0_c1_c0 {
    margin: 32rpx 0rpx 0rpx 0rpx;
  }

  .home_fd2_0_c0_c0_c0_c0_c0 {
    color: #333333;
    font-size: 30rpx;
    font-weight: 500;
    line-height: 30rpx;
  }

  .home_fd2_0_c0_c0_c0 {
    padding: 0rpx 32rpx 47rpx 32rpx;
  }

  .home_fd2_0_c0_c0 {
    background: #ffffff;
    width: 750rpx;
    // position: relative;
    // top: -80rpx;
  }

  .home_fd2_0_c0 {
    height: 88rpx;
    padding: 0rpx 32rpx 0rpx 32rpx;
  }

  .home_fd2_0 {
    height: 88rpx;
  }

  .home_fd3_0_c0_c3_c0_c0 {
    width: 50rpx;
    height: 50rpx;
    margin: 0rpx 20rpx 0rpx 0rpx;
    border-radius: 50%;
  }

  .home_fd3_0_c0_c3_c0 {
    color: var(--benbenFontColor1);
    font-size: 28rpx;
  }

  .home_fd3_0_c0_c3 {
    margin: 10rpx 0rpx 10rpx 0rpx;
  }

  .home_fd3_0_c0_c2 {
    border-bottom: 2px solid rgba(249, 249, 249, 1);
    color: rgba(102, 102, 102, 1);
    padding: 0rpx 0rpx 20rpx 0rpx;
  }

  .home_fd3_0_c0_c1_c1 {
    background: rgba(249, 249, 249, 1);
    border-radius: 4rpx;
    height: 46rpx;
    line-height: 46rpx;
    padding: 0rpx 10rpx 0rpx 10rpx;
    color: var(--benbenFontColor1);
    margin: 0rpx 20rpx 0rpx 0rpx;
  }

  .home_fd3_0_c0_c1_c0 {
    background: #3A87F9;
    border-radius: 4rpx;
    height: 46rpx;
    line-height: 46rpx;
    padding: 0rpx 10rpx 0rpx 10rpx;
    color: var(--benbenFontColor3);
    margin: 0rpx 20rpx 0rpx 0rpx;

    &.active {
      background: rgba(58, 167, 161, 0.6);
      color: #FFF;
    }
  }

  .home_fd3_0_c0_c1 {
    margin: 20rpx 0rpx 20rpx 0rpx;
  }

  .home_fd3_0_c0_c0_c1_c1 {
    color: var(--benbenFontColor4);
  }

  .home_fd3_0_c0_c0_c1_c0 {
    width: 32rpx;
    height: 32rpx;
    margin: 0rpx 24rpx 0rpx 0rpx;
  }

  .home_fd3_0_c0_c0_c0_c1 {
    font-size: 32rpx;
  }

  .home_fd3_0_c0_c0_c0_c0 {
    width: 68rpx;
    height: 32rpx;
    margin: 0rpx 12rpx 0rpx 0rpx;
  }

  .home_fd3_0_c0 {
    border-radius: 16rpx;
  }

  .home_fd3_0 {
    background: var(--benbenbgColor1);
    padding: 24rpx 24rpx 10rpx 24rpx;
    background-size: 100% auto;
    margin: 10rpx 0rpx 0rpx 0rpx;
  }

  .home_fd4_0_c3 {
    margin: 24rpx 0rpx 0rpx 0rpx;
    color: rgba(119, 119, 119, 1);
  }

  .home_fd4_0_c2 {
    background: #F9F9F9;
    border-radius: 4rpx;
    padding: 10rpx;
  }

  .home_fd4_0_c1_c0 {
    background: #F9F9F9;
    border-radius: 4rpx;
    padding: 10rpx;
    margin: 0rpx 20rpx 0rpx 0rpx;
  }

  .home_fd4_0_c1 {
    margin: 20rpx 0rpx 20rpx 0rpx;
  }

  .home_fd4_0_c0_c1_c1 {
    margin: 0rpx 0rpx 0rpx 12rpx;
  }

  .home_fd4_0_c0_c1_c0 {
    width: 32rpx;
    height: 32rpx;
  }

  .home_fd4_0_c0_c0_c0_c1 {
    width: 75rpx;
    height: 62rpx;
    // position: absolute;
    // top: -20rpx;
    // left: -20rpx;
  }

  .home_fd4_0_c0_c0_c0_c0 {
    width: 70rpx;
    height: 70rpx;
    border-radius: 50%;
  }

  .home_fd4_0_c0_c0_c0 {
    position: relative;
    margin: 0rpx 24rpx 0rpx 0rpx;
  }

  .home_fd4_0_c0_c0 {
    color: #333;
    font-size: 28rpx;
  }

  .home_fd4_0 {
    background: var(--benbenbgColor1);
    background-size: 100% auto;
    padding: 24rpx 0;
    margin: 10rpx 0rpx 0rpx 0rpx;
  }

  .home_fd5_0_c3 {
    background: rgba(58, 167, 161, 0.6);
    border-radius: 44rpx;
    width: 466rpx;
    line-height: 64rpx;
    font-size: 28rpx;
    color: #fff;
  }

  .home_fd5_0_c2 {
    background: #4781f5;
    border-radius: 44rpx;
    width: 466rpx;
    line-height: 64rpx;
    font-size: 28rpx;
    color: #fff;
    margin: 42rpx 0rpx 32rpx 0rpx;
  }

  .home_fd5_0_c1 {
    width: 526rpx;
    height: 208rpx;
    border-radius: 16rpx;
  }

  .home_fd5_0_c0 {
    color: #333333;
    font-size: 32rpx;
    font-weight: 700;
    font-style: normal;
    padding: 32rpx 0rpx 32rpx 0rpx;
  }

  .home_fd5_0 {
    background: #FFFFFF;
    border-radius: 16rpx;
    width: 686rpx;
    height: 570rpx;
  }
</style>
